<style type="text/css">
.storelogo img{width:3.2rem;height:3.2rem}
.merchgroup .store-star {padding:0.1rem 0 0.2rem 0;font-size:0.65rem;line-height:1rem}
.merchgroup .store-star img{height:0.66rem}
.star-on,.star-off{position:absolute;top:1rem;left:0;overflow:hidden}
.star-rate {margin-left:3.6rem}
.store-distance{float:right;color:#999}
.store-moneylimit{font-size:0.65rem}
.fui-notice:before {
    border-top: 0 solid #e2e2e2;
}

.fui-notice:after {
    border-top: 0 solid #e2e2e2;
}
</style>
<div class="fui-page  fui-page-current page-goods-list" ng-if="pagedata.showarea !=1">
<div class="fui-content" style="top:0">
<div id="carousel-container" class="carousel slide" data-role="carousel" data-param-auto="true">
	<div class="carousel-inner" role="listbox" style="height:6rem">
		<div ng-class="{'item':1,'active':$index==0}" ng-repeat="item in pagedata.setting.hdps">
			<a href="javascript:;" ng-click="access_json(item.url)">
				<img src="{{tomedia(item.picurl) || '../core/resource/images/banner-1.jpg'}}" style="display: block; width: 100%; height: 100%;">
			</a>
		</div>
		</div>
			<style>
					.fui-swipe-page .fui-swipe-bullet {background: {background}; opacity: {opacity};}
					.fui-swipe-page .fui-swipe-bullet.active {opacity: 1;}
			</style>
			<div id="carousel-jinyun" class="fui-swipe-page" style="padding: 0 5px; bottom: 10px; ">
				<div class="fui-swipe-bullet" ng-repeat="item in pagedata.setting.hdps" ng-class="{'active':$index==0}" data-target="#carousel-container" data-slide-to="{{$index}}"></div>
			</div>
</div>
<div class="fui-notice" style="" data-speed="4">
        <div class="icon"><i class="fa fa-volume-up" style="font-size: 0.7rem;"></i></div>
        <div class="text" style="">
            <ul>
                <li ng-repeat="item in pagedata.notices"> <a data-nocache="true">{{item.title}}</a></li>
            </ul>
        </div>
</div>
<script type="text/javascript">
if ($(".fui-notice").length > 0) {
            $(".fui-notice").each(function () {
                var _this = $(this);
                var speed = _this.data('speed') * 1000;
                setInterval(function () {
                    var length = _this.find("li").length;
                    if (length > 1) {
                        _this.find("ul").animate({marginTop: "-1rem"}, 500, function () {
                            $(this).css({marginTop: "0px"}).find("li:first").appendTo(this)
                        })
                    }
                }, speed)
            })
        }
</script>
<div class="fui-cellone" style="padding-right:0.4rem;z-index: 108;top:0;background:#fff">
			 <div class="fui-cellone-info">
				<div class="search-input" style="height:1.6rem">
					<form action="javascript:return true">
					<i id="searchsub" class="icon icon-sousuo1 bold" ng-click="access_json('jy_newnong/goods.index//keyword='+pagedata.params.keyword)" style="line-height: 1.7rem;"></i>
					<input type="search" placeholder="搜索商品" class="search" ng-model="pagedata.params.keyword" style="height:1.6rem;text-align: left; color: #999;border: 0 solid #ddd; font-size:0.6rem;background:#f9f9f9;border-radius: 1rem;" />
					</form>
				</div>
			 </div>
			 <div class="fui-cellone-remark noremark">
			 	<span style="margin-left:0.3rem;font-size: 0.75rem;" ng-click="access_json('jy_newnong/goods.index//keyword='+pagedata.params.keyword)">搜索</span>
				<span ng-click="access_json('jy_newnong/shop.groups/')" style="margin-left:0.3rem;font-size: 0.75rem;"><i class="icon icon-viewlist"></i> 分类</span>
			 </div>
</div>
<div class="jy-content">
<div class="fui-icon-group noborder col-4 radius" style="background: #ffffff;margin-top:0.3rem">
    <a class="fui-icon-col external" ng-repeat="item in pagedata.setting.bankuai" href="javascript:;" ng-click="access_json(item.action)" data-nocache="true">
            <div class="icon"><img src="{{tomedia(item.img) || '../core/resource/images/nopic.jpg'}}"></div>
            <div class="text" style="color: #666666;">{{item.title}}</div>
    </a>
</div>
<div ng-include="sys_html('shop/_coupon')" class="radius"></div>
<div ng-if="pagedata.gclassify.length>0" class="fui-cell-group fui-cell-click radius">
    <div class="fui-cell">
            <div class="fui-cell-icon" style="color:#00c568"><i class="icon jinyunicon icon-fenlei2"></i></div>
            <a class="fui-cell-text" style="color: #00c568;" href="javascript:;" ng-click="access_json('jy_newnong/gclassify/')">果树列表</a>
            <a class="fui-cell-remark" style="color: {remarkcolor};" href="javascript:;" ng-click="access_json('jy_newnong/gclassify/')">更多</a>
    </div>
</div>
<div class="fui-list-group merchgroup radius">
    <div class="fui-list" ng-repeat="item in pagedata.gclassify">
                <a class="fui-list-media storelogo" href="javascript:" ng-click="access_json('jy_newnong/gclassify//id='+item.id)">
                    <img class="round" ng-src="{{tomedia(item.image) || '../core/resource/images/nopic.jpg'}}">
                </a>
                <a class="fui-list-inner" style="margin-top:0.16rem" ng-click="access_json('jy_newnong/gclassify//id='+item.id)">
                    <div class="title" style="font-size:0.76rem">{{item.title}}</div>
                    <div class="store-star">
						<i class="icon icon-shoucang-tianchong" style="color:#f60"></i>
						<span>4.5</span>
						<span>已认领{{item.ordernum || 0}}棵</span>
					</div>
					<div class="subtitle" style="font-size:0.7rem">
						<div class="store-moneylimit">
						  <span> 价格 ¥{{item.price}}/棵</span>
						  <span class="label label-danger r-f" style="background:#00c568" href="javascript:" ng-click="access_json('jy_newnong/gclassify//id='+item.id)">认领</span>
						</div>
					</div>
                </a>
    </div>
</div>
<div ng-if="pagedata.worker.length>0" class="fui-line" style="width:6rem;margin:0.5rem auto 0 auto">
	<div class="text text-danger" style="background-color:#f7f7f7;color:#00c568" >明星农夫</div>
</div>
<div ng-if="pagedata.worker.length>0" class="fui-tab-scroll" style="height: 4rem;">
	 <div class="item" ng-repeat="item in pagedata.worker" style="height:4rem">
					<div class="weui_cells_radio3" style="width:100%">
						<img class="img-circle"  src="{{tomedia(item.headimg) || '../core/resource/images/nopic.jpg'}}" width="60" height="60">
					</div>
					<div style="line-height:1">
						<span style="font-size:0.55rem">{{item.name}}</span>
					</div>
	</div>
</div>
<div class="fui-line" style="width:6rem;margin:0.5rem auto 0 auto">
	<div class="text text-danger" style="background-color:#f7f7f7;color:#00c568" >热买农品</div>
</div>
<div class='content-empty' ng-if="!pagedata.list||pagedata.list.length==0">
		<i class='icon icon-searchlist'></i><br/>暂时没有任何商品
 </div>
<div ng-include="sys_html('shop/_goodstwo')"></div>
</div>
</div>
</div>
<script>
	require(['bootstrap', 'hammer'], function($, Hammer){
		$('#carousel-container').carousel();
		var mc = new Hammer($('#carousel-container').get(0));
		mc.on("panleft", function(ev) {
			$('#carousel-container').carousel('next');
		});
		mc.on("panright", function(ev) {
			$('#carousel-container').carousel('prev');
		});
	});
</script>
<div ng-include="sys_html('_footer')"></div>